@charset "utf-8";
@import "color";
@import "theme";
@import "model-beta";
 * {
    font-size: 13px;
    margin: 0 auto;
    font-family: 'icomoon', "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", sans-serif!important;
}
a {
    text-decoration: none;
    cursor: pointer;
}
button{
	outline: none;
	&:disabled{
		background-color: $grayLight;
	}
}
html, body {
    background-image: url('/images/bg.jpg');
    width: 100%;
    height: 100%;
    font-size: 13px;
}
#jSouperApp {
    width: 100%;
    padding-bottom: 50px;
}
._top {
    width: 100%;
    .topbar{
        width: 100%;
        background-color: rgba($themeColor,0.05);
        .box{
            width: 1024px;
            height: 30px;
            line-height: 30px;
            .item_left{
                display: inline-block;
                vertical-align: top;
                width: 40%;
                .language{
                    font-size: 12px;
                }
            }
            .item_right{
                display: inline-block;
                vertical-align: top;
                width: 60%;
                text-align: right;
            }
            .item{
                display: inline-block;
                margin-left: 15px;
                a{
                    cursor: pointer;
                    color: $black;
                    &:hover{
                        color: $btnHover;
                    }
                }
            }
        }
    }
    .info{
        width: 1024px;
        height: 120px;
        color: $black;
        .box{
            width: 100%;
            height: 40px;
            padding-top: 40px;
        }
        .info_left{
            vertical-align: top;
            width: 20%;
            height: 40px;
            display: inline-block;
            .staut{
                height: 20px;
                line-height: 20px;
                font-weight: bold;
            }
            .number{
                height: 20px;
                line-height: 20px;
            }
        } 
        .info_medium{
            vertical-align: top;
            display: inline-block;
            width: 60%;
            height: 40px;
            .store_name{
                display: table;
                padding: 7px 15px;
                background-color: rgba($themeColor,0.05);
                font-size: 20px;
                font-weight: bold;
                letter-spacing: 5px;
            }
        }
        .info_right{
            vertical-align: top;
            display: inline-block;
            width: 20%;
            .icon-cart{
                vertical-align: top;
                border: 0;
                font-size: 16px;
                padding: 12px;
                @include radius(20);
                @include comic_1(0.3,0);
                background-color: rgba($themeColor,0.05);
                &:hover{
                    background-color: $red;
                    color: $white;
                }
            }
            .cart_box{
                margin-left: 10px;
                vertical-align: top;
                display: inline-block;
                height: 40px;
                line-height: 20px;
                cursor: pointer;
            }
        }
    }
    .listbar{
        height: 35px;
        width: 1024px;
        .list{
            display: inline-block;
            vertical-align: top;
            width: 70%;
            .item{
                vertical-align: top;
                height: 35px;
                line-height: 35px;
                display: inline-block;
                padding: 0 15px;
                @include comic_1(0.3,0);
                background-color: $transparent;
                a{
                    font-size: 16px;
                    color: $black;
                }
                &:hover{
                    background-color: $themeColor;
                    a{
                        color: $fontColor;
                    }
                }
                &.focus{
                    background-color: $themeColor;
                    a{
                        color: $fontColor;
                    }
                }
            }
        }
        .search_box{
            display: inline-block;
            vertical-align: top;
            width: 30%;
            height: 35px;
            line-height: 35px;
            background-color: rgba($themeColor,0.05);
            .searchinput{
                width: 90%;
                margin-left: 8px;
                height: 20px;
                border: 0;
                padding: 0;
                background-color: $transparent;
                color: $silver;
                outline: none;
            }
            .icon-search{
                color: $black;
                &:hover{
                    color: $red;
                }
            }
        }
    }
}

._img_view{
	margin-top: 20px;
	z-index: -10;
	width: 1024px;
	height: 375px;
	overflow: hidden;
	._pic_wall{
		position: relative;
		vertical-align: top;
		height: 100%;
		width: 100%;
		@include breakLine();
		.imgbox{
			width: 100%;
			height: 100%;
			position: relative;
			.pic{
                vertical-align: top;
                @include radius(5);
                display: inline-block;
                width: 100%;
                height: 100%;
                img{
                    width: 100%;
                    height: 100%;
                }
            }
		}
	}
}

.body{
	margin-top: 20px;
	width: 100%;
    padding: 20px 0; 
    background-color: rgba($themeColor,0.05);
}

// 主页
._main{
	width: 1024px;
    .banner{
        width: 994px;
        height: 25px;
        background-color: $white;
        line-height: 25px;
        padding: 5px 15px;
        .notice{
            width: 100%;
            overflow: hidden;
            .box{
                width: 100%;
                @include breakLine();
                .item{
                    width: 100%;
                    display: inline-block;
                    a{
                        color: $black;
                        @include comic_1(0.3,0);
                        &:hover{
                            color: $red;
                        }
                    }
                }
            }
        }
    }
    .mainbox{
        width: 100%;
        margin-top: 30px
    }
	// 商品板块
	
}
// .左边
.public_left{
    width: 270px;
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
    color: $black;
    .leftitem{
        width: 100%;
        margin-bottom: 20px;
        @include hr(rgba($silver,0.5),270);
        .itemtitle{
            font-size: 16px;
            font-weight: bold;
        }
        .box{
            width: 100%;
            overflow: hidden;
        }
    }
}

// 右边
.public_right{
    width: 724px;
    display: inline-block;
    vertical-align: top;
    color: $black;
    .rightitem{
        width: 100%;
        .itemtitle{
            width: 100%;
            border-bottom: 1px solid rgba($silver,0.5);
            margin-bottom: 18px;
            .titletext{
                border: 0;
                padding: 0 20px;
                height: 32px;
                color: $fontColor;
                font-size: 16px;
                background-color: $themeColor;
            }
        }
    }
    .box{
        width: 759px;
        @include newLine;
        position: relative;
            }
    // 35*3=70
    // 724-70=654
    // 654/3=218

}

// 单个商品
.goodsitem{
	@include shadow(0,3px,10px,-3px,$silver);
	display: inline-block;
	vertical-align: top;
	padding: 20px;
	width: 288px;
	margin: 0 6px;
	margin-bottom: 20px;
	background-color: $white;
	.goodsimg{
		vertical-align: top;
		display: inline-block;
		width: 100px;
		margin-right: 10px;
		height: 130px;
		overflow: hidden;
		.img{
			height: 100%;
			margin-left: -15px;
		}
	}
	.detail{
		vertical-align: top;
		height: 130px;
		display: inline-block;
		.item{
			width: 178px;
			margin-top: 15px;
			&.first{
				margin-top: 0;
				@include Line(1);
				color: $blue;
			}
			&.last{
				height: 40px;
				@include Line(2);
			}
		}
		.goodsname{
			width: 100%;
			font-size: 14px;
			color: $blue;
		}
		.price{
			color: $darkRed;
		}
		.icon-in{
			padding: 5px 10px;
			@include radius(10);
			border: 0;
			background-color: $themeColor;
			color: $fontColor;
			@include comic_1(0.3,0);
            @include shadow(0,1px,6px,0,$grayLight);
			&:hover{
				background-color: $btnHover;
			}
		}
		.decoration{
            line-height: 19px;
        }
    }
}




// 商品详情
._goods_details{
	margin-top: 25px;
	width: 1024px;
	._right{
		vertical-align: top;
		display:inline-block; 
        width: 1024-225px;
        overflow: hidden;
        ._right_top{
            vertical-align: top;
            width: 1024-227-40px;
            background-color: $white;
            padding: 20px;
            overflow: hidden;
            border: 1px solid $themeColor;
            @include radius(5);
            ._goods_img{
                display: inline-block;
                vertical-align: top;
                width: 272px;
                margin-right: 20px;
                .bigbox{
                    position: relative;
                    width: 270px;
                    height: 270px;
                    border: 1px solid $grayLighter;
                    overflow: hidden;
                    .movebox{
                        position: relative;
                        width: 100%;
                        .bigimg{
                            width: 100%;
                            height: 270px;
                            display: block;
                        }
                    }
                }
                .titlebar{
                    width: 100%;
                    padding: 10px 0;
                    font-weight: bold;
                    border-bottom: 1px solid $grayLighter;
                }
                .smallbox{
                    margin-top: 10px;
                    @include breakLine;
                    .smallimg{
                        width: 50px;
                        height: 50px;
                        display: inline-block;
                        margin-right: 5px;
                        cursor: pointer;
                    }
                }
            }
            .detail{
                display: inline-block;
                width: 757-272-20px;
                vertical-align: top;
                .titlebar{
                    width: 100%;
                    text-align: left;
                    .name{
                        font-weight: bold;;
                        font-size: 18px;
                    }
                }
                .table{
                    width: 100%;
                    padding: 15px 0;
                    border-bottom: 1px solid $grayLighter;
                    .td{
                        display: inline-block;
                        width: 50%;
                        line-height: 25px;
                        .price{
                            color: $red;
                            font-size: 15px;
                        }
                        .type{
                            font-weight: bold;
                            margin-left: 5px;
                        }
                        .num{
                            width: 60px;
                            text-align: right;
                        }
                        .icon-cart2{
                            border: 0;
                            padding: 0 15px;
                            height: 25px;
                            line-height: 25px;
                            @include radius(12);
                            background-color: $themeColor;
                            @include comic_1(0.3,0);
                            color: $fontColor;
                            &:hover{
                                background-color: $btnHover;
                            }
                        }
                    }
                }
                .decoration{
                    width: 100%;
                    padding: 15px 0;
                    .decoration_title{
                        width: 100%;
                        font-size: 18px;
                        font-weight: bold;
                        padding-bottom: 15px;
                        border-bottom: 1px solid $grayLighter;
                    }
                    .decoration_text{
                        margin-top: 10px;
                        width: 100%;
                        line-height: 20px;
                        text-indent: 2em;
                    }
                }
            }
        }
        ._right_bottom{
            vertical-align: top;
            // width: 100%;
            width: 1024-227px;
            margin-top: 25px;
            border: 1px solid $themeColor;
            background-color: $white;
            @include radius(5);
            overflow: hidden;
            ._right_bottom_top{
                vertical-align: top;
                width: 100%;
                height: 30px;
                background-color: $themeColor;
                ._top_btn{
                    display: inline-block;
                    height: 30px;
                    line-height: 30px;
                    padding: 0 20px;
                    font-size: 16px;
                    font-weight: bold;
                    color: $fontColor;
                    background-color: $themeColor;
                    @include comic_1(0.3,0);
                    cursor: pointer;
                    &:hover{
                        background-color: $btnHover;
                    }
                }
            }
            ._bottom_box{
                width: 1024-227-40px;
                padding: 20px;
                img{
                    max-width: 100%;
                }
            }
        }
	}
}

// 商品列表
.goods_list,.good_sale{
	width: 100%;
	.history{
		padding-bottom: 15px;
		a{
			color:$blue;
		}
	}
	.right{
		vertical-align: top;
		display: inline-block;
		// border: 1px solid $themeColor;
		width: 1024-225px;
		overflow: hidden;
		@include radius(5);
		.toppage,.bottompage{
			height: 20px;
			width: 100%;
			text-align: center;
			padding: 5px 0;
			background-color: $themeColor;
			*{
				line-height: 20px;
				color: $fontColor;
			}
			.pagenum{
				padding: 0;
				border: 0;
				display: inline-block;
				margin: 0 5px;
				cursor: pointer;
                &:hover{
                    color: $btnHover;
                }
			}
		}
		.listbox{
			padding: 20px (78/2)+20px;
			width: 681px;
			margin: 0 auto;
            background-color: $white;
		}
	}
}

// 商品分类
._classify{
    width: 100%;
    ._right{
        vertical-align: top;
        display: inline-block;
        width: 1024-225px;
        overflow: hidden;
        .location{
            margin-bottom: 10px;
            .lc{
                font-weight: bold;
            }
        }
        ._classify_box{
            vertical-align: top;
            display: inline-block;
            padding: 20px;
            width: 1024-227-40px;
            border: 1px solid $themeColor;
            @include radius(5);
            overflow: hidden;
            @include newLine;
            margin-bottom: 25px;
            ._classify_item{
                padding: 0  15px;
                height: 20px;
                line-height: 20px;
                text-align: center;
                background-color: $themeColor;
                color: $fontColor;
                display: inline-block;
                margin-right: 10px;
                @include radius(10);
                cursor: pointer;
                @include comic_1(0.3,0);
                @include shadow(0,1px,6px,0,$grayLight);
                &:hover{
                    background-color: $btnHover;
                }
            }
        }
    }
}

// 购物车
._main_cart{
	width: 1024px;
	@include hr($themeColor,100%);
	.titlebar{
		width: 100%;
		.title{
			font-weight: bold;
			font-size: 20px;
		}
	}
	.cart-list{
		width: 100%;
		border-spacing: 0;
		border-collapse: collapse;
		background-color: $white;
		// border: 1px solid $grayLighter;
		@include radius(5);
		overflow: hidden;
		td{	
			line-height: 20px;
			border: 1px solid $grayLighter;
			border-collapse: collapse;
		}
		.head{
			text-align: center;
			td{
				border: 0;
				background-color: $themeColor;
				color: $fontColor;
				padding: 5px 0;
			}
		}
		.item{
			td{
				vertical-align: top;
				padding: 10px 10px;
			}
		}
		.item1{
			width: 100px;
			._cart_goods_img{
				vertical-align: top;
				width: 100px;
				height: 100px;
			}
		}
		.item2{
			width: 400px;
			._cart_goods_name{
				color: $blue;
				line-height: 20px;
				@include newLine();
				@include comic_1(0.3,0);
				&:hover{
					text-decoration: underline;
					color: $darkBlue;
				}
			}
		}
		.item3{
			width: 100px;
			text-align: center;
			._cart_goods_one_price{
				color: $red;
			}
		}
		.item4{
			width: 100px;	
			._cart_goods_number{
				width: 90px;
				margin: 0 auto;
				text-align: right;
				padding: 0 3px;
			}
		}
		.item5{
			width: 100px;
			text-align: center;
			._cart_goods_price{
				color: $red;
			}
		}
		.item6{
			width: 100px;	
			text-align: center;
			._delete_btn{
				padding: 5px 15px;
				border: 0;
				background-color: $themeColor;
				color: $fontColor;
				@include comic_1(0.3,0);
				&:hover{
					background-color: $btnHover;
				}
			}
		}
	}
	._main_cart_bottom{
		vertical-align: top;
		width: 100%;
		margin-top: 20px;
		margin-bottom: 80px;
		text-align: right;
		._add_codes{
			vertical-align: top;
			display: inline-block;
			margin-right: 25px;
			width: 290px;
			text-align: left;
			padding: 10px;
			background-color: $white;
			@include radius(5);
			overflow: hidden;
			border: 1px solid $grayLighter;
			.codetitle{
				font-size: 16px;
				line-height: 20px;
				margin-bottom: 10px;
			}
			.inputbox{
				width: 100%;
				margin-bottom: 10px;
				.code{
					width: 85%;
				}
			}
			._add_code_btn{
				border: 0;
				padding: 5px 15px;
				background-color: $themeColor;
				color: $fontColor;
				@include comic_1(0.3,0);
				&:hover{
					background-color: $btnHover;
				}
			}
		}
		.count_price{
			vertical-align: top;
			display: inline-block;
			width: 290px;
			padding: 10px;
			text-align: right;
			background-color: $white;
			@include radius(5);
			overflow: hidden;
			border: 1px solid $grayLighter;
			._count_item{
				width: 100%;
				padding: 3px 0;
				.itemtitle{
					height: 20px;
					line-height: 20px;
					display: inline-block;
					width: 60%;
					text-align: right;
				}
				.num{
					display: inline-block;
					line-height: 20px;
					height: 20px;
					text-align: right;
					width: 40%;
					color: $red;
				}
			}
			.btnbox{
				margin-top: 25px;
				width: 100%;
				text-align: right;
				.count_btn{
					border: 0;
					padding: 5px 15px;
					background-color: $themeColor;
					color: $fontColor;
					@include comic_1(0.3,0);
					&:hover{
						background-color: $btnHover;
					}
				}
			}
		}
	}
}

// 确认订单
._main_order{
    width: 1024px;
    @include hr($themeColor,100%);
    .titlebar{
        width: 100%;
        .title{
            font-weight: bold;
            font-size: 20px;
        }
    }
    .item{
        width: 1024px;
        // border: 1px solid $themeColor;
        margin-bottom: 25px;
        &.count{
            text-align: right;
        }
        .title{
            width: 1004px;
            padding-left: 20px;
            height: 30px;
            line-height: 30px;
            // font-weight: bold;
            font-size: 16px;
            background-color: $themeColor;
            color: $fontColor;
        }
        .count_price{
            vertical-align: top;
            display: inline-block;
            width: 290px;
            padding: 10px;
            text-align: right;
            background-color: $white;
            @include radius(5);
            overflow: hidden;
            border: 1px solid $grayLighter;
            ._count_item{
                width: 100%;
                padding: 3px 0;
                .itemtitle{
                    height: 20px;
                    line-height: 20px;
                    display: inline-block;
                    width: 60%;
                    text-align: right;
                }
                .num{
                    display: inline-block;
                    line-height: 20px;
                    height: 20px;
                    text-align: right;
                    width: 40%;
                    color: $red;
                }
            }
            .btnbox{
                margin-top: 25px;
                width: 100%;
                text-align: right;
                .count_btn{
                    border: 0;
                    padding: 5px 15px;
                    background-color: $themeColor;
                    color: $fontColor;
                    @include comic_1(0.3,0);
                    &:hover{
                        background-color: $btnHover;
                    }
                }
            }
        }
        .info{
            padding: 15px 20px;
            background-color: $white;   
            .addritem{
                padding: 5px 0px;
                height: 20px;
                line-height: 20px;
                .addrbox,.method{
                    display: inline-block;
                }
                .addrbox{
                    width: 80%;
                }
                .method{
                    width: 20%;
                    text-align: right;
                    ._delete{
                        color: $blue;
                    }
                }
                .name{
                    margin-left: 20px;
                }
                .phone{
                    margin-left: 10px;
                }
                .detailaddr{
                    margin-left: 10px;
                }
            }
            .addaddrbtn{
                margin-top: 10px;
                margin-bottom: 5px;
                .btn{
                    color: $blue;
                    &:hover{
                        color: $darkBlue;
                    }
                }
            }
            .addaddr{
                height: auto;
                overflow: hidden;
                .additem{
                    @include comic_1(0.3,0);
                    height: 0px;
                    padding: 0;
                    overflow: hidden;
                    &.focus{
                        height: 20px;
                        padding: 5px 0;
                    }
                    .addtitle{
                        display: inline-block;
                        width: 60px;
                        text-align: right;
                        margin-right: 10px;
                    }
                    
                    .area{
                        margin-right: 20px;
                    }
                    .detailaddr{
                        width: 40%;
                    }
                    .name{
                        width: 10%;
                    }
                    .phone{
                        width: 15%;
                    }
                    .areanum{
                        width: 5%;
                    }
                    .fixedphone{
                        width: 15%;
                    }
                    .addbtn{
                        padding: 3px 15px;
                        background-color: $themeColor;
                        border: 0;
                        color: $fontColor;
                        margin-right: 20px;
                        @include comic_1(0.3,0);
                        &:hover{
                            background-color: $btnHover;
                        }
                    }
                }
            }
            .paymethod{
                padding: 5px 0px;
                height: 20px;
                line-height: 20px;
                .type{
                    display: inline-block;
                    width: 60px;
                    margin-left: 20px; 
                }
                .paydetail{
                    display: inline-block;
                    margin-left: 10px;
                }
            }
            .ifneed{
                padding: 5px 0px;
                height: 20px;
                line-height: 20px; 
                .checkbox{
                    margin-right: 20px;
                }
            }
            .invoiceinfo{
                height: auto;
                overflow: hidden;
                .infoitem{
                    height: 0;
                    line-height: 25px;
                    padding: 0;
                    @include comic_1(0.3,0);
                    &.focus{
                        height: 25px;
                        padding: 2px 0;
                    }
                    .mark{
                        color: $red;
                    }
                    .check{
                        margin-left: 10px;
                    }
                    .name{
                        margin-left: 10px;
                        width: 120px;
                    }
                    .addbtn{
                        padding: 3px 15px;
                        border: 0;
                        background-color: $themeColor;
                        color: $fontColor;
                        @include comic_1(0.3,0);
                        &:hover{
                            background-color: $btnHover;
                        }
                    }
                }
            }
            .goodsinfolist{
                width: 80%;
                margin: 0 auto;
                td{
                    padding: 5px 20px;
                    text-align: center;
                    line-height: 20px;
                    a{
                        color: $blue;
                    }
                }
            }
        }
    }
}

// 注册，登录
.account{
	width: 1024px;
	margin-top: 35px;
	@include hr($themeColor,1024);
	.titlebar{
        background-color: $white;
		width: 1000px;
        padding: 10px 12px;
		font-size: 16px;
		line-height: 20px;
	}
	.box{
		width: 100%;
		margin-top: 15px;
		._box_bottom{
			margin-top: 20px;
            text-align: right;
			height: 35px;
			overflow: hidden;
			._bottom_top{
				height: 35px;
				@include comic_1(0.3,0);
				&.focus{
					margin-top: -35px;
				}
			}
			._bottom_bottom{
				height: 35px;
				._clause{
					margin-left: 10px;
					color: $blue;
					@include comic_1(0.3,0);
					&:hover{
						color: $darkBlue;
						text-decoration: underline;
					}
				}
			}
			.icon-user2,.icon-user{
				border:0;
				padding: 0 15px;
                font-size: 16px;
                height: 35px;
                line-height: 35px;
				background-color: $themeColor;
				color: $fontColor;
				@include comic_1(0.3,0);
				&:hover{
					background-color: $btnHover;
				}
			}
		}
		._sign_up_box{
			vertical-align: top;
			width: 488px;
			margin-right:44px; 
			display: inline-block;
			border: 1px solid $grayLighter;
            .usebox{
			    background-color: $white;
				width: 438px;
                padding: 25px;
				height: 214px;
				overflow: hidden;
			}
			._company_info{
				margin-top: 0;
				width: 100%;
				height: 239px;
				@include comic_1(0.3,0);
				&.focus{
					margin-top: -239px;
				}
				.title{
					width: 100%;
					border-bottom: 1px solid $grayLighter; 
                    padding-bottom: 10px;
                    span{
                        font-size: 16px;
                    }
					.img{
						width:16px;
						height:16px;
						margin-right: 5px;
					}
				}
				._com_text{
					margin-top: 25px;
					line-height: 20px;
					text-indent: 2em;
				}
			}
			._creat_box{
				position: relative;
				width: 100%;
				height: 214px;
				@include newLine();
				.inputtag{
					margin-bottom: 10px;
					display: inline-block;
					width: 40%;
					margin-right: 10%;
					.tagtitle{
						font-weight: bold;
						margin-bottom: 5px;
						color: $gray;
						.color{
							color: $red;
						}
					}
					.taginput{
						width: 100%;
						height: 20px;
						line-height: 20px;
						padding: 0;
					}
				}
				.icon-arrow-right{
					border: 0;
					padding: 0;
					width: 20px;
					height: 20px;
					line-height: 20px;
					text-align: center;
					background-color: $themeColor;
					color: $fontColor;
					position: absolute;
					right: 10%;
					bottom: 6px;
					@include comic_1(0.3,0);
					&:hover{
						background-color: $btnHover;
					}

				}
				.title{
					width: 100%;
                    border-bottom: 1px solid $grayLighter; 
                    padding-bottom: 10px;
                    span{
                        font-size: 16px;
                    }
				}
				._info_box{
					margin-top: 25px;
				}
			}
		}
		._form_box{
			vertical-align: top;
			display: inline-block;
			width: 488px;
			border: 1px solid $grayLighter;
            ._info_box{
                .title{
                    margin-bottom: 25px;
                    width: 100%;
                    border-bottom: 1px solid $grayLighter; 
                    padding-bottom: 10px;
                    .icon-user{
                        font-size: 16px;
                    }
                }
			    background-color: $white;
				height: 168px;
                width: 438px;
                height: 214px;
                padding: 25px;
				.inputtag{
					margin-bottom: 10px;
					.tagtitle{
						font-weight: bold;
						margin-bottom: 5px;
						color: $gray;
						.color{
							color: $red;
						}
					}
					.taginput{
						width: 60%;
						height: 20px;
						line-height: 20px;
						padding: 0;
					}
				}
			}
		}
		
	}
}

._storeinfo{
    width: 1024px;
    .base_info{
        width: 100%;
        height: 75px;
        .base_left{
            width: 40%;
            padding-right: 10%;
            display: inline-block;
            vertical-align: top;
        }
        .base_right{
            display: inline-block;
            vertical-align: top;
            width: 50%;
            text-align: right;
            .logo{
                display: inline-block;
                margin-right: 20px;
                width: 75px;
                height: 75px;
            }
            .qrcode{
                width: 75px;
                height: 75px;
                display: inline-block;
            }
        }
        .baseitem{
            height: 25px;
            line-height: 25px;
            .base_title{
                display: inline-block;
                width: 80px;
                font-weight: bold;
            }
            .base_text{
                display: inline-block;
            }
        }
    }
    .map{
        margin-top: 25px;
        width: 100%;
        height: 400px;
    }
}

// 帮助
.help{
    width: 1024px;
    .hitem{
        width: 800px;
        margin: 0 auto;
        margin-bottom: 25px;
        background-color: $white;
        padding: 20px;
        @include radius(5);
        .htitle{
            height: 35px;
            line-height: 35px;
            width: 120px;
            @include radius(8);
            text-align: center;
            font-size: 16px;
            background-color: $themeColor;
            color: $fontColor;
            margin-bottom: 10px;
            .img{
                width: 100%;
                background-color: $white;
                img{
                    width: 100%;
                }
            }
        }
    }
}

// 底部
._bottom{
	width: 1024px;
	@include hr($themeColor,100%);
	._main_bottom{
		width: 100%;
		margin-top: 25px;
		.list{
			width: 100%;
			padding: 15px 0;
			.list_item{
				width: 33%;
				padding-left: 0;
				display: inline-block;
				border-left: 1px solid $grayLighter;
                &.center{
                    text-align: center;
                }
                &.last{
                    text-align: right;
                }
				.li{
					color: $grayLight;
					cursor: pointer;
					padding: 3px 10px;
					list-style: none;
					@include comic_1(0.3,0);
					&:hover{
						color: $gray;
					}
				}
			}
		}
	}
	._record{
		margin-top: 25px;
		text-align: center;
		line-height: 18px;
		*{
			color: $grayLight;
		}
		.dotnarurl{
			color: $grayLight;
		}
	}
}